<template>
  <div class="home">
    <my-swiper :banners="banners"></my-swiper>
  </div>
</template>

<script>
import { getBanners } from '@/api'
import mySwiper from '@/components/mySwiper/mySwiper'
export default {
  name: 'Home',
  components: {
    mySwiper
  },
  data() {
    return {
      banners: []
    }
  },
  created() {
    getBanners().then(res => {
      // console.log(res);
      this.banners = res.data
    })

  },


  methods: {

  }
}
</script>
<style lang="scss" scoped>
  .home {
    width: 100%;
  }
</style>
